<section>
    <a href="javascript:void(0);" class="second" id="process" onclick="shaper();">
        流程跟踪
    </a>
</section>
<!-- 流程跟踪展示效果 -->
<section class="hdaper">
    <div class="panel">
        <div class="panel-heading add-heading">
            流程跟踪
            <i class="add-icon icon-remove" href="javascript:$.pageslide.close()" onclick="hdaper();"></i>
        </div>
        <div class="panel-body panel-proce">
            <div class="proce-middle">
                <div class="proce-log" ng-repeat="trace in processCCBXTrace" ng-init="data=trace.msg">
                    <div class="proce-log-lf">
                        <!-- 虚线 -->
                        <div class="log-dashed"></div>
                    </div>

                    <div class="proce-log-rg">
                        <!-- 节点 -->
                        <div class="log-mark">

                            <div ng-if="trace.isHead == 'headNode'">
                                <div class="log-mark-icon mark-prime">
                                    发起
                                </div>
                            </div>
                            <div ng-if="trace.isHead == 'notHeadNode'">
                                <div ng-if="trace.isEnd == 'notEndNode'">
                                    <div ng-if="trace.lastStatus == 'denied'">
                                        <div class="log-mark-icon mark-danger"> 拒绝</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'sentback'">
                                        <div class="log-mark-icon mark-warning"> 回退</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'cancelled'">
                                        <div class="log-mark-icon mark-warning"> 失效</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'completed'">
                                        <div class="log-mark-icon mark-success"> 完成</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'approvaling'">
                                        <div class="log-mark-icon mark-blue"> 待办</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'terminated'">
                                        <div class="log-mark-icon mark-icon"> 完结</div>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'others'">
                                        <div class="log-mark-icon mark-danger">取消</div>
                                    </div>
                                </div>
                                <div ng-if="trace.isEnd == 'END'">
                                    <div class="log-mark-icon mark-icon">结束</div>
                                </div>
                                <div ng-if="trace.isEnd == 'SHUT'">
                                    <div class="log-mark-icon mark-icon">完结</div>
                                </div>
                                <div ng-if="trace.isEnd == 'smalldown'">
                                    <div class="log-mark-icon mark-icon">小结</div>
                                </div>

                            </div>
                        </div>
                        <!-- 对话框箭头 -->
                        <div class="log-tag"></div>
                        <!-- 节点内容 -->
                        <div class="log-mark-value">
                            <div class="log-mtitle">
                                <span class="log-time">{{trace.time | date:'yyyy-MM-dd HH:mm'}}</span>

                                <div ng-if="trace.isHead == 'headNode'">
                                    <span class="log-status">状态：任务开始
                                        <i class="status-blue"></i>
                                    </span>
                                </div>
                                <div ng-if="trace.isHead == 'notHeadNode'">
                                    <!--<div ng-if="trace.isEnd == 'notEndNode'">-->
                                    <div ng-if="trace.lastStatus == 'denied'">
                                        <span class="log-status">状态：任务执行完毕
                                            <i class="status-blue"></i>
                                        </span>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'sentback'">
                                        <span class="log-status">状态：退回(重填)
                                            <i class="status-blue"></i></span>

                                    </div>
                                    <div ng-if="trace.lastStatus == 'cancelled'">
                                        <span class="log-status">状态：等待重新审批
                                            <i class="status-blue"></i></span>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'completed'">
                                        <span class="log-status">状态：同意
                                            <i class="status-blue"></i></span>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'terminated'">
                                        <span class="log-status">状态：终止
                                            <i class="status-blue"></i></span>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'approvaling'">
                                        <span class="log-status">状态：任务执行中
                                            <i class="status-blue"></i>
                                        </span>
                                    </div>
                                    <div ng-if="trace.lastStatus == 'others'">
                                        <span class="log-status">状态：已经被处理完成
                                            <i class="status-blue"></i>
                                        </span>
                                    </div>


                                    <!--</div>-->
                                    <!--<div ng-if="trace.isEnd == 'endNode'">-->
                                    <!--<span class="log-status">状态：任务完成-->
                                    <!--<i class="status-blue"></i></span>-->
                                    <!--</div>-->
                                </div>


                            </div>
                            <div class="log-mbody">
                                <span class="log-name">办理人：{{trace.USER}}</span>
                                <span class="tp-txt">审批意见：{{trace.msg}}</span>
                                <input type="hidden" value="{{trace.msg}}" class="msgss"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="paper-bg" onclick="clsbox();"></div>
</section>